<template>
    <div class="asset">
        <Performance></Performance>
        <MyHoldings></MyHoldings>
        <!-- <OpenTrades></OpenTrades>
        <ClosedTrades></ClosedTrades> -->
    </div>
</template>

<script setup>
import Performance from '@/components/pageunit/stock/Performance.vue';
import MyHoldings from '@/components/pageunit/stock/MyHoldings.vue';
import OpenTrades from '@/components/pageunit/asset/OpenTrades.vue';
import ClosedTrades from '@/components/pageunit/asset/ClosedTrades.vue';
</script>

<style scoped lang="less">
.asset {
    --gap: 3.5vw;
    padding: var(--gap);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
</style>